<template>
  <div class="registerInfo-container">
    <modules-title title-name="盘点详情">
      <template slot="btn">
        <el-button class="border-btn" @click="back">返回</el-button>
        <el-button class="border-btn" @click="exports">导出</el-button>
      </template>
    </modules-title>
    <div class="main">
      <div class="searchBar">
        <el-form inline :model="storage">
          <el-form-item>
            <el-date-picker
              class="searchBar_picker"
              v-model="storage.date"
              type="date"
              placeholder="入库日期"
            >
            </el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-input
              class="searchBar_input"
              placeholder="搜索药品厂家"
              v-model="storage.manufacturers"
            >
              <i slot="prefix" class="el-input__icon el-icon-search"></i>
            </el-input>
          </el-form-item>
        </el-form>
      </div>
      <div class="table">
        <el-table
          :data="tableData"
          :header-cell-style="{
            backgroundColor: '#F5F5F5',
            color: '#333333',
            fontFamily: 'MicrosoftYaHeiUI',
            fontSize: '14px',
            fontWeight: 900
          }"
        >
          <el-table-column label="盘点日期" align="center" prop="outbound_date"></el-table-column>
          <el-table-column label="品种" align="center" prop="outbound_drug"></el-table-column>
          <el-table-column label="盈亏数量" align="center" prop="outbound_type"></el-table-column>
          <el-table-column label="盈亏金额(进价)" align="center" prop="outbound_people"></el-table-column>
          <el-table-column label="盈亏金额(售价)" align="center" prop="outbound_number"></el-table-column>
          <el-table-column label="盘点人" align="center"></el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data(){
      return {
        storage: {
          //入库
          date: "",
          manufacturers: ""
        },
        tableData: [
          {
            outbound_date: "2020-01-23",
            outbound_drug: "布洛芬缓释胶囊",
            outbound_type: "其他出库",
            outbound_people: "张三",
            outbound_number: 3,
            outbound_amount: 125
          }
        ]
      };
    },
    methods:{
      //返回
      back() {
        this.$router.go(-1)
      },
      exports() {
      },
    }
  }
</script>

<style scoped lang="scss">
  @import "@/assets/scss/drugsManagement/allInventoryDetails.scss";
</style>
